<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>gy公寓</title>
    <link rel="stylesheet" href="css/tou.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/leftNavigation.css">
    <link rel="stylesheet" href="css/rightWindow.css">
    <link rel="stylesheet" href="css/information.css">
    <link rel="stylesheet" href="css/xin.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/tc.css">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="js/information.js"></script>
    <script type="text/javascript" src="js/tc.js"></script>
</head>

<body>
<div class="main_container">
    <div class="navbar-header">
        <div class="versions">
            <a href="#">
                gy公寓
                <span>版本v0.1</span>
            </a>
        </div>
        <div class="main_date">
            <a href="#">1月27日星期日</a>
        </div>
    </div>
    <div class="portrait">
        <a href="#" >
            <div class="tx"><img class="tp" src="img/tx1.jpg"></div>

        </a>
    </div>
</div>
<!--主体-->
<div class="main_xia" style="min-height:100%;">

    <!--房态-->
    <div class="house_status">
        <!--左导航-->
        <div class="left_navigation">
            <ul class="houses">
                <li>
                    <a class="house"  href="#"><i class="iconfont">&#xe60f;</i>1号楼<button class="xiugai">修改</button></a>

                    <ul>
                        <li class="floor"><a href="#">1楼</a></li>
                        <li class="floor"><a href="#">2楼</a></li>
                        <li class="floor"><a href="#">3楼</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!--右边房间窗口-->
        <div class="right_window">
            <div class="card">
                <a class="ft_card ft" href="index.html">房态</a><span  class="ft"> > </span><a class="ft_card ft"  href="information.html">1号楼1楼1号房</a><span  class="ft"></span>
             </div>
            <div class="information">
                <div class="information_t">
                        <div class="room_name">1号楼-1楼-1号房</div>
                        <div class="message2 ">
                            <div class="zxx">
                                月租金： <span id="zzj" class="zj">1200</span>
                                <span id="xgzj" onclick="xgzjpopBox()" class="xgzj finger">修改租金</span>
                            </div>

                            <div class="butt">
                                <button class="bd">绑定</button>

                            </div>
                            <div class="message3s">
                                <div class="message3 ke">
                                    <label class="border-input">租聘时间:</label><div readonly="readonly" id="kaishi" class="form-control border-input">2018-03-09</div><HR class="border-input" align=center width=5% color=#0000 SIZE=2 style="margin-top: 10px; margin-left: 8px;  "><div readonly="readonly" id="jieshu" class="form-control border-input">2018-04-09</div>
                                    <br/>
                                    <br/>

                                    <label class="border-input">居住人数:</label><div readonly="readonly"  class="form-control border-input">5</div>
                                </div>

                                <div class="message3 ke">
                                    <label style="float:left;">门锁控制</label>
                                    <div style="position: relative;width: 125px; height: 25px; line-height: 25px; font-size: 14px; float:left; margin-left: 20px;">
                                        <span class="SAP">开</span>
                                        <div class="onoffswitch">
                                            <input type="checkbox" name="onoff" class="onoff_checkbox" id="onoff" checked>
                                            <label for="onoff" class="onoff_label">
                                                <span class="onoff_inter"></span>
                                                <span class="onoff_switch"></span>

                                            </label>

                                        </div>
                                        <span class="FBOI">关</span>
                                    </div>

                                    <div class="butt1">
                                        <a href="key.html">
                                        <button style="cursor:pointer" class="gl bd ">门锁管理</button>
                                        </a>
                                    </div>
                                </div>
                                <div class="message31 ke">
                                    <label class="border-input">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label><div readonly="readonly" id="name1" class="form-control">马琦钢</div>
                                    <br/>

                                    <label class="border-input">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</label><div readonly="readonly" id="name1" class="form-control">男</div>
                                    <br/>

                                    <label class="border-input">手&nbsp;&nbsp;机&nbsp;&nbsp;号：</label><div readonly="readonly" id="name1" class="form-contro2">13777566508</div>
                                    <br/>
                                    <label class="border-input">入住时间：</label><div readonly="readonly"  class="form-contro2">2018-03-09 13:12</div>
                                    <br/>
                                    <label class="border-input">身份证号：</label><div readonly="readonly" class="form-contro2">330123199803055014</div>
                                    <div class="butt butt2">
                                        <button style="cursor:pointer" class="bd">退宿</button>

                                    </div>
                                </div>

                                <div class="message32 ke">
                                    <label class="border-input">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label><div readonly="readonly" id="name1" class="form-control">马琦钢</div>
                                    <br/>

                                    <label class="border-input">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</label><div readonly="readonly" id="name1" class="form-control">男</div>
                                    <br/>

                                    <label class="border-input">手&nbsp;&nbsp;机&nbsp;&nbsp;号：</label><div readonly="readonly" id="name1" class="form-contro2">13777566508</div>
                                    <br/>
                                    <label class="border-input">入住时间：</label><div readonly="readonly" id="time" class="form-contro2">2018-03-09 13:12</div>
                                    <br/>
                                    <label class="border-input">身份证号：</label><div readonly="readonly" id="sfz" class="form-contro2">330123199803055014</div>
                                </div>
                            </div>

                        </div>
                </div>
            </div>

        </div>
    </div>

</div>
<div>
</div>

<!--修改楼弹窗-->
<div id="popLayer"></div>
<div id="xgzjtc" class="popBox ke">
    <div class="close">
        <a  href="javascript:void(0)" onclick="closeBox()" class="gb iconfont">&#xe613;</a>
    </div>
    <div class="content">
        <h4>修改租金</h4>
        <div class="zj"><label>租金：</label><input  id="zjinput" class="form-control" type="text" value=""></div>
        <br/>


    </div>
    <div onclick="xgzjcloseBox()"><div id="b1" class="bd xyb finger">确认</div></div>

</div>

</body>
</html>
